<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>SD</title>
    
    <link href="../app/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/fonts.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    
    
    
</head>
<body>
    
    <!-- Top Nav bar -->
    
    <div class="navbar" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">

                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                
                <a class="navbar-brand" href="#"><img src="images/navbar-brand.png" /></a>
            </div>
            
            
            <div class="navbar-collapse collapse">
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <li><a href="#">Register</a></li>
                        <li><a href="#">Login</a></li>
                        <li><a href="#">Categoies</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Top Nav bar Ends -->
    
    <!-- Header Wrapper -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <a class="logo" href="#"><img src="images/simply-decide-logo.png"/></a>
                    <h1>A Collective Decision</h1>
                    <p class="h1-sub">making experience for FREE</p>
                    <div class="stats">
                        <p>9500 Questions  <span>|</span>  <span class="red">160000 Votes</span>  <span>|</span>  8600 Decisions</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Wrapper Ends -->
	
	<!-- Search -->
	<section class="search">
		<div class="container">
			<div class="row">
				<div class="col-md-12 search-form">
					<div class="form-container">
						<form>
							<input type="text" value="Cant conclude? Why dont you SimplyDecide?"/>
							<input type="image" src="images/form-search-icon.png"/>
						</form>
					</div>
				</div>
			</div>
		</div>
		
	</section>
	<!-- Search Ends -->
	
	<!-- Info graphic -->
	<section class="info-graphic">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<h2>Simply Decide &trade;</h2>
					<h3>Online community for collective decision making. <br />A product of SimplyDecide LLC.</h3>
					<p>The SimplyDecide&trade; service allows registered members to post questions, vote on a particular choice and in general respond to user surveys to help collective decisions in a whole range of items from a hairpin to a lomborghini.</p>
					<p>SimplyDecide&trade; LLC was founded on May 17, 2013.</p>
				</div>
				
				<div class="col-md-6">
					<div class="graph-carousel">
						
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Info graphic Ends-->
    
    
    <!-- Icon graphic -->
    <section class="icons-graphic">
    	<div class="container">
    		<div class="row">
    			<div class="col-xs-3 col-md-2 col-sm-3 col-lg-3">
    				<a class="graphic-icon questions">Post Questions</a>
    			</div>
    			<div class="col-xs-3 col-md-3 col-sm-3 col-lg-3">
    				<a class="graphic-icon response">Responses</a>
    			</div>
    			<div class="col-xs-3 col-md-3 col-sm-3 col-lg-3">
    				<a class="graphic-icon decision">Collective Decisions</a>
    			</div>
    			<div class="col-xs-3 col-md-3 col-sm-3 col-lg-3">
    				<a class="graphic-icon last decide">Simply Decide</a>
    			</div>
    		</div>
    	</div>
    	
    </section>
    <!-- Icon graphic Ends-->
    
    <!-- Top Data -->
    <section class="top-data">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-6">
    				<table class="top-trending">
    					<thead>
    						<tr><th>Top Trending Decisions</th><th>Read more</th></tr>
    					</thead>
    					<tbody>
    						<tr><td></td><td></td></tr>
    					</tbody>
    				</table>
    			</div>
    			<div class="col-md-6">
    				<table class="latest-topics">
    					<thead>
    						<tr><th>Top Trending Decisions</th><th>Read more</th></tr>
    					</thead>
    					<tbody>
    						<tr><td></td><td></td></tr>
    					</tbody>
    				</table>
    			</div>
    		</div>
    	</div>
    </section>
    
    <!-- Top Data Ends-->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <a href="#">About Us</a> <a href="#">Contact</a>  <a href="#">Terms of Use</a>  <a href="#">Policy</a>
                </div>
                <div class="col-md-4"></div>
                <div class="col-md-4"><span class="copyright">All rights reserved &copy; 2014 SimplyDecide.com</span></div>
            </div>
        </div>
    </footer>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="../app/js/bootstrap.min.js"></script>
    <script src="js/app.js"></script>
</body>
</html>